<template>
  <view class="container">
    <view class="total">
      <view class="label">订单金额</view>
      <view class="txt">{{order_price}}元</view>
    </view>
    <view class="total">
      <view class="label">订单编号</view>
      <view class="txt">{{order_sn}}</view>
    </view>
    <view class="pay-btn" @click="weixinPay(order_id)">点击微信支付</view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        order_sn: '',
        order_id: '',
        order_price: ''
      };
    },
    onLoad(options) {
      this.order_id = options.order_id
      this.order_price = options.pay_price
      this.order_sn = options.order_sn
    }
  }
</script>

<style lang="scss" scoped>
  page {
    min-height: 100%;
    width: 100%;
    background: #f4f4f4;
  }

  .container {
    padding-top: 20rpx;
  }

  .total {
    height: 104rpx;
    background: #fff;
    width: 100%;
    line-height: 104rpx;
    padding-left: 30rpx;
    padding-right: 30rpx;
    box-sizing: border-box;
  }

  .total .label {
    float: left;
  }

  .total .txt {
    float: right;
  }

  .pay-btn {
    position: fixed;
    left: 0;
    bottom: 0;
    height: 100rpx;
    width: 100%;
    text-align: center;
    line-height: 100rpx;
    background: #409eff;
    color: #fff;
    font-size: 30rpx;
  }
</style>
